.ym-form button:before,
  .ym-button:before {
    background: #ccc;
    background: rgba(0, 0, 0, 0.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
  }



.ym-button.ym-xlarge {
    font-size: 1.5em;
  }
  .ym-button.ym-large {
    font-size: 1.2857em;
  }
  .ym-button.ym-small {
    font-size: 0.8571em;
  }
  .ym-button.ym-xsmall {
    font-size: 0.7143em;
  }

.ym-button,
  .ym-form button,
  .ym-form input[type="button"],
  .ym-form input[type="reset"],
  .ym-form input[type="submit"] {
    display: inline-block;
    white-space: nowrap;
    
    zoom: 1;
    border: 1px solid #777;
    border-radius: .2em;
   
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 0 0 0 0;
    padding: 0 1.5em;
    overflow: visible;
    /* removes extra side spacing in IE */
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  }


.ym-form button[disabled],
  .ym-form button[disabled]:hover,
  .ym-form input[type=button][disabled],
  .ym-form input[type=button][disabled]:hover,
  .ym-form input[type=reset][disabled],
  .ym-form input[type=reset][disabled]:hover,
  .ym-form input[type=submit][disabled],
  .ym-form input[type=submit][disabled]:hover,
  .ym-button.ym-disabled,
  .ym-button.ym-disabled:hover {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
  }












/*---------
   NORMAL
----------*/

.ym-button,
.ym-form button,
.ym-form input[type="button"],
.ym-form input[type="reset"],
.ym-form input[type="submit"] {
  background-color: #6ca1e0;
  background: #6ca1e0;
  color: white !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  padding: 0 20px 0 20px;
  font-size: 1.2em;
  -moz-box-shadow: #5b90cf 0px 2px 0px 0px;
  -webkit-box-shadow: #5b90cf 0px 2px 0px 0px;
  box-shadow: #5b90cf 0px 2px 0px 0px;
}
.ym-button:hover,
.ym-form button:hover,
.ym-form input[type="button"]:hover,
.ym-form input[type="reset"]:hover,
.ym-form input[type="submit"]:hover {
  background-color: #7db2f1;
  background: #7db2f1;
  color: white !important;
  -moz-box-shadow: #5b90cf 0px 2px 0px 0px;
  -webkit-box-shadow: #5b90cf 0px 2px 0px 0px;
  box-shadow: #5b90cf 0px 2px 0px 0px;
}
.ym-button:focus,
.ym-form button:focus,
.ym-form input[type="button"]:focus,
.ym-form input[type="reset"]:focus,
.ym-form input[type="submit"]:focus {
  background-color: #7db2f1;
  background: #7db2f1;
  color: white !important;
  -moz-box-shadow: #5b90cf 0px 2px 0px 0px;
  -webkit-box-shadow: #5b90cf 0px 2px 0px 0px;
  box-shadow: #5b90cf 0px 2px 0px 0px;
}
.ym-button:active,
.ym-form button:active,
.ym-form input[type="button"]:active,
.ym-form input[type="reset"]:active,
.ym-form input[type="submit"]:active {
  background-color: #5b90cf;
  background: #5b90cf;
  color: white !important;
  box-shadow: none;
}

/*------------
    success
------------*/
.ym-button.ym-success,
  .ym-form button.ym-success,
  .ym-form input[type="button"].ym-success,
  .ym-form input[type="reset"].ym-success,
  .ym-form input[type="submit"].ym-success {
  background-color: #6acb71;
  background: #6acb71;
  color: white !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  padding: 0 20px 0 20px;
  font-size: 1.2em;
  -moz-box-shadow: #51b756 0px 2px 0px 0px;
  -webkit-box-shadow: #51b756 0px 2px 0px 0px;
  box-shadow: #51b756 0px 2px 0px 0px;
}
.ym-button.ym-success:hover,
  .ym-form button.ym-success:hover,
  .ym-form input[type="button"].ym-success:hover,
  .ym-form input[type="reset"].ym-success:hover,
  .ym-form input[type="submit"].ym-success:hover {
  background-color: #75e17d;
  background: #75e17d;
  color: white !important;
  -moz-box-shadow: #51b756 0px 2px 0px 0px;
  -webkit-box-shadow: #51b756 0px 2px 0px 0px;
  box-shadow: #51b756 0px 2px 0px 0px;
}
.ym-button.ym-success:focus,
  .ym-form button.ym-success:focus,
  .ym-form input[type="button"].ym-success:focus,
  .ym-form input[type="reset"].ym-success:focus,
  .ym-form input[type="submit"].ym-success:focus {
  background-color: #75e17d;
  background: #75e17d;
  color: white !important;
  -moz-box-shadow: #51b756 0px 2px 0px 0px;
  -webkit-box-shadow: #51b756 0px 2px 0px 0px;
  box-shadow: #51b756 0px 2px 0px 0px;
}
 .ym-button.ym-success:active,
  .ym-form button.ym-success:active,
  .ym-form input[type="button"].ym-success:active,
  .ym-form input[type="reset"].ym-success:active,
  .ym-form input[type="submit"].ym-success:active {
  background-color: #75e17d;
  background: #75e17d;
  color: white !important;
  box-shadow: none;
}


/*------------
    warning
------------*/
.ym-button.ym-warning,
  .ym-form button.ym-warning,
  .ym-form input[type="button"].ym-warning,
  .ym-form input[type="reset"].ym-warning,
  .ym-form input[type="submit"].ym-warning {
  background-color: #f18317;
  background: #f18317;
  color: white !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  padding: 0 20px 0 20px;
  font-size: 1.2em;
  -moz-box-shadow: #c36a13 0px 2px 0px 0px;
  -webkit-box-shadow: #c36a13 0px 2px 0px 0px;
  box-shadow: #c36a13 0px 2px 0px 0px;
}
.ym-button.ym-warning:hover,
  .ym-form button.ym-warning:hover,
  .ym-form input[type="button"].ym-warning:hover,
  .ym-form input[type="reset"].ym-warning:hover,
  .ym-form input[type="submit"].ym-warning:hover {
  background-color: #ff8a18;
  background: #ff8a18;
  color: white !important;
  -moz-box-shadow: #c36a13 0px 2px 0px 0px;
  -webkit-box-shadow: #c36a13 0px 2px 0px 0px;
  box-shadow: #c36a13 0px 2px 0px 0px;
}
.ym-button.ym-warning:focus,
  .ym-form button.ym-warning:focus,
  .ym-form input[type="button"].ym-warning:focus,
  .ym-form input[type="reset"].ym-warning:focus,
  .ym-form input[type="submit"].ym-warning:focus {
  background-color: #ff8a18;
  background: #ff8a18;
  color: white !important;
  -moz-box-shadow: #c36a13 0px 2px 0px 0px;
  -webkit-box-shadow: #c36a13 0px 2px 0px 0px;
  box-shadow: #c36a13 0px 2px 0px 0px;
}
 .ym-button.ym-warning:active,
  .ym-form button.ym-warning:active,
  .ym-form input[type="button"].ym-warning:active,
  .ym-form input[type="reset"].ym-warning:active,
  .ym-form input[type="submit"].ym-warning:active {
  background-color: #ff8a18;
  background: #ff8a18;
  color: white !important;
  box-shadow: none;
}

/*------------
    danger
------------*/
.ym-button.ym-danger,
  .ym-form button.ym-danger,
  .ym-form input[type="button"].ym-danger,
  .ym-form input[type="reset"].ym-danger,
  .ym-form input[type="submit"].ym-danger {
  background-color: #de2929;
  background: #de2929;
  color: white !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  padding: 0 20px 0 20px;
  font-size: 1.2em;
  -moz-box-shadow: #b52121 0px 2px 0px 0px;
  -webkit-box-shadow: #b52121 0px 2px 0px 0px;
  box-shadow: #b52121 0px 2px 0px 0px;
}
.ym-button.ym-danger:hover,
  .ym-form button.ym-danger:hover,
  .ym-form input[type="button"].ym-danger:hover,
  .ym-form input[type="reset"].ym-danger:hover,
  .ym-form input[type="submit"].ym-danger:hover {
  background-color: #f82e2e;
  background: #f82e2e;
  color: white !important;
  -moz-box-shadow: #b52121 0px 2px 0px 0px;
  -webkit-box-shadow: #b52121 0px 2px 0px 0px;
  box-shadow: #b52121 0px 2px 0px 0px;
}
.ym-button.ym-danger:focus,
  .ym-form button.ym-danger:focus,
  .ym-form input[type="button"].ym-danger:focus,
  .ym-form input[type="reset"].ym-danger:focus,
  .ym-form input[type="submit"].ym-danger:focus {
  background-color: #f82e2e;
  background: #f82e2e;
  color: white !important;
  -moz-box-shadow: #b52121 0px 2px 0px 0px;
  -webkit-box-shadow: #b52121 0px 2px 0px 0px;
  box-shadow: #b52121 0px 2px 0px 0px;
}
 .ym-button.ym-danger:active,
  .ym-form button.ym-danger:active,
  .ym-form input[type="button"].ym-danger:active,
  .ym-form input[type="reset"].ym-danger:active,
  .ym-form input[type="submit"].ym-danger:active {
  background-color: #f82e2e;
  background: #f82e2e;
  color: white !important;
  box-shadow: none;
}
